<html>
	<head>
	</head>
	<body>
		<!-- 1.点击文字跳转到网页 -->
		<a href="https://www.baidu.com/">
			百度
		</a>
		
		<!-- 2.点击图片跳转到网页 -->
		<a href="https://www.baidu.com/">
			<img src="a.jpg">
		</a>
		
		<!-- 3.点击文字跳转到图片 -->
		<a href="a.jpg">
			文字
		</a>
		
		<!-- 4.点击图片跳转到图片 -->
		<a href="a.jpg">
			<img src="a.jpg">
		</a>
		
		
		<!-- 注释crtl+q	-->
	
	
	
	
	<!-- 练习1：页面展示一个红色加粗的链接跳转到百度 -->
	<a href="https://www.baidu.com/">
		<b><span style="color:red">百度</span></b>
	</a>
	
	<!-- 练习2：页面展示一个大小为100px的新浪LOGO跳转到新浪 -->
	<a href="https://www.sina.com.cn/">
		<img src="a.jpg" width="100px" height="100px">
	</a>
	
	<!-- 练习3：完成点击看大图的效果 -->
	<a href="a.jpg">
		<img src="a.jpg" width="10%">
	</a>
	
	
	
	
	
	
	
	</body>
</html>